/*
 * Copyright (c) "Neo4j"
 * Neo4j Sweden AB [http://neo4j.com]
 *
 * This file is part of Neo4j.
 *
 * Neo4j is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
import React from 'react'

import {
  CheckedSquareIcon,
  ExclamationTriangleIcon,
  SmallSpinnerIcon,
  SquareIcon
} from 'browser-components/icons/LegacyIcons'

import { ErrorSpan, SuccessSpan, WarningSpan } from './styled'
import { Status } from 'shared/modules/requests/requestsDuck'

interface IconProps {
  status: Status
}

export const Icon = ({ status }: IconProps): JSX.Element => {
  switch (status) {
    case 'pending':
      return <SmallSpinnerIcon />
    case 'skipped':
    case 'waiting':
      return <SquareIcon />
    case 'success':
      return (
        <SuccessSpan>
          <CheckedSquareIcon />
        </SuccessSpan>
      )
    case 'ignored':
      return (
        <WarningSpan>
          <SquareIcon />
        </WarningSpan>
      )
    case 'error':
      return (
        <ErrorSpan>
          <ExclamationTriangleIcon />
        </ErrorSpan>
      )
    default:
      return <>???</>
  }
}
